<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>内部样式(internal style)</title>
  <style>
    /* 内部样式表的样式设置会应用于整个文档中的所有元素，但其优先级低于内联样式。 */
    .div-class {
      color: red;
    }
    .p-class {
      color: blue;
    }
  </style>
</head>
<body>
  <!-- 
    内部样式是指在HTML文档的 <head> 标签中使用 <style> 标签定义的样式。
    通过在 <style> 标签中编写CSS代码来定义样式属性和值，可以为整个HTML文档内的元素提供统一的样式设置。
    内部样式表的样式设置会应用于整个文档中的所有元素，但其优先级低于内联样式。
  -->

  <h1>内部样式</h1>
  <div class="div-class">div internal style</div>
  
  <p class="p-class">p internal style</p>
  <p>
    <pre>
      内部样式是指在HTML文档的 标签定义的样式。
       式。
    </pre>
  </p>
  
</body>
</html>